<template>
  <div class="app">
    <!-- 原生指令 -->
    <h2>{{uname}}</h2>
    <h2 v-text="uname"></h2>
    <!-- 自定义指令 -->
    <span v-big ="age" v-very-beauty = "uname">zf</span>
  </div>
</template>

<script>

export default {
  name:'App',
  data(){
    return{
      uname : 'jaq',
      age : 'one'
    }
  },
  directives:{
    // big函数内部的this,不是vm,也不是vc
    big(element,obj){
      console.log(element,obj);
      element.innerText += obj.value.toUpperCase()
    }
  }
}
</script>

<style scoped>
.app{
  color: aquamarine;
  background: blue;
  padding: 10px;
}
</style>